<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template.xhtml">

		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>

				<h:form id="form">

					<p:panel id="panel2">

						<p:growl id="msg2" />

						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable id="tabla"
								value="#{usuariosInternosView.usuariosDataModel}"
								var="usuariosInternos"
								selection="#{usuariosInternosView.selectedUsuariosInternos}"
								paginator="true" rows="10">

								<f:facet name="header">
							    Usuarios Internos
							    </f:facet>
								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{usuariosInternos.nombres}"
									sortBy="#{usuariosInternos.nombres}">
									<f:facet name="header">
										<h:outputText value="Nombres" />
									</f:facet>
									<h:outputText value="#{usuariosInternos.nombres}" />
								</p:column>

								<p:column filterBy="#{usuariosInternos.apellidos}"
									sortBy="#{usuariosInternos.apellidos}">
									<f:facet name="header">
										<h:outputText value="Apellidos" />
									</f:facet>
									<h:outputText value="#{usuariosInternos.apellidos}" />
								</p:column>

								<p:column filterBy="#{usuariosInternos.login}"
									sortBy="#{usuariosInternos.login}">
									<f:facet name="header">
										<h:outputText value="Login" />
									</f:facet>
									<h:outputText value="#{usuariosInternos.login}" />
								</p:column>

								<p:column filterBy="#{usuariosInternos.correoElectronico}"
									sortBy="#{usuariosInternos.correoElectronico}">
									<f:facet name="header">
										<h:outputText value="E-mail" />
									</f:facet>
									<h:outputText value="#{usuariosInternos.correoElectronico}" />
								</p:column>

								<p:column filterBy="#{usuariosInternos.estado}"
									sortBy="#{usuariosInternos.estado}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{usuariosInternos.estado}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{usuariosInternosView.crear}" icon="ui-icon-newwin"
										update=":form" binding="#{usuariosInternosView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{usuariosInternosView.editar}" icon="ui-icon-pencil"
										update=":form" binding="#{usuariosInternosView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>
							</p:dataTable>

							<p:dialog id="dialogo" position="top"
								header="Detalle Usuario Interno" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false">

								<p:growl id="msg" />

								<h:panelGrid id="panelBotones" columns="3"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true" action="#{usuariosInternosView.action_modify}"
										binding="#{usuariosInternosView.btnSave}" icon="ui-icon-disk"
										update="msg,panel,panelBotones,msg2" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{usuariosInternosView.cerrar}">
										<p:resetInput target="panel" />
									</p:commandButton>
									
									<p:commandButton id="btnLimpiar" value="Limpiar"
										icon="ui-icon-refresh" update="form:panel"
										process="@this" >
										<p:resetInput target="panel" />
									</p:commandButton>
									

								</h:panelGrid>

								<h:panelGrid columns="9" id="panel" style="margin: 0 auto;">

									<h:outputText id="msgNumeroIdentificacion"
										value=" N° Identificacion: *" />
									<p:inputText id="txtNumeroIdentificacion" disabled="true"
										required="true"
										requiredMessage="El Número de Identificación es requerido"
										binding="#{usuariosInternosView.txtNumeroIdentificacion}" />
									<p:message for="txtNumeroIdentificacion" display="icon" />

									<h:outputText id="msgNombres" value=" Nombres: *" />
									<p:inputText id="txtNombres" disabled="true" required="true"
										requiredMessage="El nombre es requerido"
										binding="#{usuariosInternosView.txtNombres}" />
									<p:message for="txtNombres" display="icon" />

									<h:outputText id="msgApellidos" value=" Apellidos: *" />
									<p:inputText id="txtApellidos" disabled="true" required="true"
										requiredMessage="El Apellido es requerido"
										binding="#{usuariosInternosView.txtApellidos}" />
									<p:message for="txtApellidos" display="icon" />

									<h:outputText id="msgLogin" value=" Login: *" />
									<p:inputText id="txtLogin" disabled="true" required="true"
										requiredMessage="El Login es requerido"
										binding="#{usuariosInternosView.txtLogin}" />
									<p:message for="txtLogin" display="icon" />

									<h:outputLabel for="pwd1" value="Contraseña: *" />
									<p:password id="pwd1"
										binding="#{usuariosInternosView.txtContrasena}" match="pwd2" requiredMessage="La Contraseña es requerida"
										validatorMessage="La Contraseña no coincide"
										label="Password 1" required="true" disabled="true" redisplay="true"/>
									<p:message for="pwd1" display="icon" />

									<h:outputLabel for="pwd2" value="Repetir Contraseña: *" />
									<p:password id="pwd2"
										binding="#{usuariosInternosView.txtContrasena2}"
										label="Password 2" required="true" disabled="true"  redisplay="true"/>
									<p:message for="pwd2" display="icon"/>


									<h:outputText id="msgCorreoElectronico"
										value=" Correo Electronico: " />
									<p:inputText id="txtCorreoElectronico" disabled="true"
										binding="#{usuariosInternosView.txtCorreoElectronico}" />
									<p:message for="txtCorreoElectronico" display="icon" />

									<h:outputText id="msgIdArea" value=" Area Involucrada: *" />
									<p:selectOneMenu id="txtIdAreaInvolucrada" disabled="true"
										binding="#{usuariosInternosView.txtIdAreaInvolucrada_AreasInvolucradas}"
										style="width:100%" required="true"
										requiredMessage="Seleccion requerida Rol">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItems
											value="#{usuariosInternosView.areasInvolucradas}" />
									</p:selectOneMenu>
									<p:message for="txtIdAreaInvolucrada" display="icon" />

									<h:outputText id="msgIdRol" value=" Rol: *" />
									<p:selectOneMenu id="txtIdRol_Roles" disabled="true"
										binding="#{usuariosInternosView.txtIdRol_Roles}"
										style="width:100%" required="true"
										requiredMessage="Seleccion requerida Rol">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItems value="#{usuariosInternosView.roles}" />
									</p:selectOneMenu>
									<p:message for="txtIdRol_Roles" display="icon" />

									<h:outputText id="msgEstadoRegistro" value=" Estado Registro:*" />
									<p:selectOneMenu id="txtEstadoRegistro" disabled="true"
										binding="#{usuariosInternosView.txtEstadoRegistro}"
										style="width:100%" required="true"
										requiredMessage="Seleccion requerida Estado de Registro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="A" />
										<f:selectItem itemLabel="Retirado" itemValue="R" />
									</p:selectOneMenu>
									<p:message for="txtEstadoRegistro" display="icon" />
								</h:panelGrid>

							</p:dialog>

						</h:panelGrid>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>
